<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>嵩山智慧景区大数据中心</title>
    <link rel="stylesheet" href="../plugin/liMarquee/css/liMarquee.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/index.css">
</head>

<body>
    <div class="box">
        <div class="header-box">
            <h3>嵩山智慧景区大数据中心</h3>
            <div class="header-tab">
                <a href="./index_1.html"><span>游客数据分析</span></a>
                <a href="./index_2.html"><span>景区运营数据分析</span></a>
                <a href="./index_3.html"><span>景区业态数据分析</span></a>
            </div>
        </div>
        <div class="main-box">
            <!-- 景区运营数据分析 -->
            <div class="main-flex-box">
                <div class="left-box">
                    <div class="chart">
                        <p class="chart-title">实时用户评论</p>
                        <div class="comments">
                            <ul>
                                <li class="comments-item">
                                    <div class="nickname">
                                        <div class="img-box">
                                            <img src="../images/1.jpeg" alt="">
                                        </div>
                                        <span>李丽丽</span>
                                    </div>
                                    <p>非常好看，做工精致</p>
                                    <div class="time-box">
                                        <p>15:08</p>
                                        <div>
                                            <img src="../images/shop.png" alt="">
                                            <i>少林精品店</i>
                                        </div>
                                    </div>
                                </li>
                                <li class="comments-item">
                                    <div class="nickname">
                                        <div class="img-box">
                                            <img src="../images/2.jpeg" alt="">
                                        </div>
                                        <span>黑喵秒黑喵秒</span>
                                    </div>
                                    <p>放公交卡用的，除了外包装太多有点不环保</p>
                                    <div class="time-box">
                                        <p>15:08</p>
                                        <div>
                                            <img src="../images/shop.png" alt="">
                                            <i>绿乡情食品</i>
                                        </div>
                                    </div>
                                </li>
                                <li class="comments-item">
                                    <div class="nickname">
                                        <div class="img-box">
                                            <img src="../images/3.jpeg" alt="">
                                        </div>
                                        <span>仗着立于不败</span>
                                    </div>
                                    <p>不错，还是那味儿，挺喜欢吃的。</p>
                                    <div class="time-box">
                                        <p>15:08</p>
                                        <div>
                                            <img src="../images/shop.png" alt="">
                                            <i>少林精品店</i>
                                        </div>
                                    </div>
                                </li>
                                <li class="comments-item">
                                    <div class="nickname">
                                        <div class="img-box">
                                            <img src="../images/4.jpeg" alt="">
                                        </div>
                                        <span>刘侃</span>
                                    </div>
                                    <p>都是碎末，根本吃不来的</p>
                                    <div class="time-box">
                                        <p>15:08</p>
                                        <div>
                                            <img src="../images/shop.png" alt="">
                                            <i>少林精品店</i>
                                        </div>
                                    </div>
                                </li>
                                <li class="comments-item">
                                    <div class="nickname">
                                        <div class="img-box">
                                            <img src="../images/5.jpg" alt="">
                                        </div>
                                        <span>我想飞我想飞</span>
                                    </div>
                                    <p>
                                        产品与照片一样，味道是小时候吃的味道，
                                        包装很好！
                                    </p>
                                    <div class="time-box">
                                        <p>15:08</p>
                                        <div>
                                            <img src="../images/shop.png" alt="">
                                            <i>绿乡情食品</i>
                                        </div>
                                    </div>
                                </li>
                                <li class="comments-item">
                                    <div class="nickname">
                                        <div class="img-box">
                                            <img src="../images/6.jpeg" alt="">
                                        </div>
                                        <span>你好,我是</span>
                                    </div>
                                    <p>
                                        寄给女儿的，还没和她联系，等联系好再来
                                        评价
                                    </p>
                                    <div class="time-box">
                                        <p>15:08</p>
                                        <div>
                                            <img src="../images/shop.png" alt="">
                                            <i>少林精品店</i>
                                        </div>
                                    </div>
                                </li>
                                <li class="comments-item">
                                    <div class="nickname">
                                        <div class="img-box">
                                            <img src="../images/3.jpeg" alt="">
                                        </div>
                                        <span>你的益达</span>
                                    </div>
                                    <p>很好吃。发货也快，快递派送很好，快。</p>
                                    <div class="time-box">
                                        <p>15:08</p>
                                        <div>
                                            <img src="../images/shop.png" alt="">
                                            <i>少林精品店</i>
                                        </div>
                                    </div>
                                </li>
                                <li class="comments-item">
                                    <div class="nickname">
                                        <div class="img-box">
                                            <img src="../images/1.jpeg" alt="">
                                        </div>
                                        <span>李丽丽</span>
                                    </div>
                                    <p>非常好看，做工精致</p>
                                    <div class="time-box">
                                        <p>15:08</p>
                                        <div>
                                            <img src="../images/shop.png" alt="">
                                            <i>少林精品店</i>
                                        </div>
                                    </div>
                                </li>
                                <li class="comments-item">
                                    <div class="nickname">
                                        <div class="img-box">
                                            <img src="../images/4.jpeg" alt="">
                                        </div>
                                        <span>刘侃</span>
                                    </div>
                                    <p>都是碎末，根本吃不来的</p>
                                    <div class="time-box">
                                        <p>15:08</p>
                                        <div>
                                            <img src="../images/shop.png" alt="">
                                            <i>少林精品店</i>
                                        </div>
                                    </div>
                                </li>
                                <li class="comments-item">
                                    <div class="nickname">
                                        <div class="img-box">
                                            <img src="../images/5.jpg" alt="">
                                        </div>
                                        <span>我想飞我想飞</span>
                                    </div>
                                    <p>
                                        产品与照片一样，味道是小时候吃的味道，
                                        包装很好！
                                    </p>
                                    <div class="time-box">
                                        <p>15:08</p>
                                        <div>
                                            <img src="../images/shop.png" alt="">
                                            <i>绿乡情食品</i>
                                        </div>
                                    </div>
                                </li>
                                <li class="comments-item">
                                    <div class="nickname">
                                        <div class="img-box">
                                            <img src="../images/6.jpeg" alt="">
                                        </div>
                                        <span>你好,我是</span>
                                    </div>
                                    <p>
                                        寄给女儿的，还没和她联系，等联系好再来
                                        评价
                                    </p>
                                    <div class="time-box">
                                        <p>15:08</p>
                                        <div>
                                            <img src="../images/shop.png" alt="">
                                            <i>少林精品店</i>
                                        </div>
                                    </div>
                                </li>
                                <li class="comments-item">
                                    <div class="nickname">
                                        <div class="img-box">
                                            <img src="../images/3.jpeg" alt="">
                                        </div>
                                        <span>你的益达</span>
                                    </div>
                                    <p>很好吃。发货也快，快递派送很好，快。</p>
                                    <div class="time-box">
                                        <p>15:08</p>
                                        <div>
                                            <img src="../images/shop.png" alt="">
                                            <i>少林精品店</i>
                                        </div>
                                    </div>
                                </li>
                                <li class="comments-item">
                                    <div class="nickname">
                                        <div class="img-box">
                                            <img src="../images/1.jpeg" alt="">
                                        </div>
                                        <span>李丽丽</span>
                                    </div>
                                    <p>非常好看，做工精致</p>
                                    <div class="time-box">
                                        <p>15:08</p>
                                        <div>
                                            <img src="../images/shop.png" alt="">
                                            <i>少林精品店</i>
                                        </div>
                                    </div>
                                </li>
                            </ul>

                        </div>
                    </div>
                    <div class="chart">
                        <p class="chart-title">评论占比</p>
                        <div class="chart-box">
                            <div class="stars-box">
                                <div class="stars-img">
                                    <img src="../images/xing5.png" alt="">
                                </div>
                                <div class="stars-chart" id="stars5"></div>
                            </div>
                            <div class="stars-box">
                                <div class="stars-img">
                                    <img src="../images/xing4.png" alt="">
                                </div>
                                <div class="stars-chart" id="stars4"></div>
                            </div>
                            <div class="stars-box">
                                <div class="stars-img">
                                    <img src="../images/xing3.png" alt="">
                                </div>
                                <div class="stars-chart" id="stars3"></div>
                            </div>
                            <div class="stars-box">
                                <div class="stars-img">
                                    <img src="../images/xing2.png" alt="">
                                </div>
                                <div class="stars-chart" id="stars2"></div>
                            </div>
                            <div class="stars-box">
                                <div class="stars-img">
                                    <img src="../images/xing1.png" alt="">
                                </div>
                                <div class="stars-chart" id="stars1"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="center-box">
                    <div class="center-top center-top-flex">
                        <div>
                            <h3>今日累计销售门票数</h3>
                            <div class="center-number">
                                <span>0</span>
                                <i>,</i>
                                <span>0</span>
                                <span>0</span>
                                <span>0</span>
                                <i>,</i>
                                <span>8</span>
                                <span>7</span>
                                <span>9</span>
                                <em>人</em>
                            </div>
                        </div>
                        <div>
                            <h3>今日累计门票收入(元)</h3>
                            <div class="center-number">
                                <span>0</span>
                                <i>,</i>
                                <span>8</span>
                                <span>7</span>
                                <span>8</span>
                                <i>,</i>
                                <span>9</span>
                                <span>0</span>
                                <span>0</span>
                                <em>元</em>
                            </div>
                        </div>
                    </div>
                    <div class="center-tap">
                        <a href="javascript:;" class="active">2019年</a>
                        <a href="javascript:;"> 2018年</a>
                    </div>
                    <div class="chart-center-box">
                        <div class="center-tab-item">
                            <div class="chart">
                                <p class="chart-title">客源分析</p>
                                <div class="chart-box" id="chart2-4-1">

                                </div>
                            </div>

                            <div class="chart">
                                <p class="chart-title">舆论分析</p>
                                <div class="chart-box chart-flex-box" style="height:240px;">
                                    <div id="chart2-5-1">

                                    </div>
                                    <div id="chart2-5-2">

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="center-tab-item chart-hd">
                            <div class="chart">
                                <p class="chart-title">客源分析</p>
                                <div class="chart-box" id="chart2-4-2">

                                </div>
                            </div>
                            <div class="chart">
                                    <p class="chart-title">舆论分析</p>
                                    <div class="chart-box chart-flex-box" style="height:240px;">
                                        <div id="chart2-5-3">
    
                                        </div>
                                        <div id="chart2-5-4">
    
                                        </div>
                                    </div>
                                </div>
                        </div>
                    </div>
                </div>
                <div class="right-box">
                    <div class="chart">
                        <p class="chart-title">推广分析</p>
                        <div class="chart-box" id="chart2-1">

                        </div>
                    </div>
                    <div class="chart">
                        <p class="chart-title">OTA分析</p>
                        <div class="chart-box" id="chart2-2">

                        </div>
                    </div>
                    <div class="chart">
                        <p class="chart-title">投诉分布</p>
                        <div class="chart-box" id="chart2-3">

                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <script src="../plugin/jquery-1.11.1.min.js"></script>
    <script src="../plugin/ECharts/echarts.js"></script>
    <script src="../plugin/ECharts/china.js"></script>
    <script src="../plugin/liMarquee/js/jquery.liMarquee.js"></script>
    <script src="../js/index_2.js"></script>
    <script src="../js/index.js"></script>

</body>

</html>